<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Trading Card Game</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link rel="stylesheet" href="/static/style/style.css" />
		<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" href="/static/style/style.css" />
		
		<style type="text/css">
			body {
				padding-top: 60px;
				padding-bottom: 40px;
			}
			.sidebar-nav {
				padding: 9px 0;
			}
		</style>
		<link href="/static/bootstrap/css/bootstrap-responsive.css rel="stylesheet">
		<script src="/static/js/jquery.js"></script>
		<script type="text/javascript" src="/static/bootstrap/js/bootstrap.js" ></script>


		 <script type="text/javascript">                                         
		   {% block javascript_block %}{% endblock %}                                  
		 </script>  

		<!-- Le fav and touch icons -->
		<link rel="shortcut icon" href="../assets/ico/favicon.ico">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
		<style type="text/css"></style>
	</head>

	<body>
		<div class="navbar navbar-fixed-top" id="mainbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar tcg-icon"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
					<a class="brand" href="/">MCSL TCG</a>
					{% if is_logged %}
						<div class="btn-group pull-right">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-cog tcg-icon"></i>{{user_nickname|capfirst}} <span class="caret"></span> </a>
							<ul class="dropdown-menu">
								<li>
									<a href="/edit_account">Control Panel</a>
								</li>
								<li>
									<a id="logoutButton" >Logout</a>
								</li>
							</ul>
						</div>
						
					{% endif %}
					
					<div class="btn-group pull-right">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language <span class="caret"></span> </a>
						<ul class="dropdown-menu">
							<li>
								<a href="?lang=en_US">English</a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="?lang=pt_BR">Portuguese</a>
							</li>
						</ul>
					</div>
					
					<div class="nav-collapse">
						<ul class="nav">
							<li class="active">
								<a href="/">Home</a>
							</li>
							<li>
								<a href="/about">About</a>
							</li>
							<li>
								<a href="/contact">Contact</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		{% block conteudo %}{% endblock %}

		<hr>

		<footer>
			<img src="/static/img/au-logo.png">
		</footer>
	</body>
</html>